﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title>安快物流</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta content="" name="description" />
    <meta content="" name="author" />
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/Global/Plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="/Global/Plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" />
    <link href="/Global/Plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- BEGIN THEME STYLES -->
    <link href='/application/global/css/themes/darkblue.css' rel='stylesheet' type='text/css' id='themes_color' />
    <link href="Css/inbox.css" rel="stylesheet" />
    <!-- END THEME STYLES -->
    <!-- END GLOBAL MANDATORY STYLES -->
    <link rel="shortcut icon" href="/application/global/favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
<body class="page-md ">
    <!-- BEGIN CONTAINER -->
    <div class="page-container no-margin">
        <!-- BEGIN CONTENT -->
        <div class="page-content">
            <!-- BEGIN PAGE CONTENT-->
            <div class="row inbox">
                <div class="col-md-2">
                    <ul class="inbox-nav margin-bottom-10">
                        <li class="compose-btn">
                            <a href="javascript:;" data-target="Compose" title="写公告" class="btn blue-dark left-btn">
                                <i class="fa fa-edit"></i> 写公告
                            </a>
                        </li>
                        <li class="active">
                            <a href="javascript:;" class="btn left-btn" title="收件箱" data-target="Inbox">
                                收件箱
                            </a>
                            <b></b>
                        </li>
                        <li class="">
                            <a class="btn left-btn" href="javascript:;" title="未读的" data-target="Inbox">
                                未读的
                            </a>
                            <b></b>
                        </li>
                    </ul>
                </div>
                <div class="col-md-10">
                    <div class="inbox-header">
                        <h1 class="pull-left">收件箱</h1>
                        <form class="form-inline pull-right" action="index.html" style="display:none;">
                            <div class="input-group input-medium">
                                <input type="text" class="form-control" placeholder="查询公告">
                                <span class="input-group-btn">
                                    <button type="submit" class="btn blue-dark" style="padding: 6px 14px 5px 14px;"><i class="fa fa-search"></i></button>
                                </span>
                            </div>
                        </form>
                    </div>
                    <div class="inbox-content">
                        <div class="row inbox-content-child" id="Compose" style="display:none;">
                            <div class="form-horizontal" data-model="msgform">
                                <div class="form-body">
                                    <div class="form-group">
                                        <label class="control-label col-md-3 req">
                                            公告标题
                                        </label>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control" data-bind="value:MSG_Title">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 req">
                                            公告类型
                                        </label>
                                        <div class="col-md-4">
                                            <select class="form-control" data-bind="value:MSG_Type">
                                                <option value="1">内容公告</option>
                                                <option value="2">外部链接</option>
                                                <option value="3">内部链接</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 req">
                                            推送时间
                                        </label>
                                        <div class="col-md-4">
                                            <input type="text" class="form-control datetime-picker" data-bind="value:MSG_SendDate">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">
                                            URL
                                        </label>
                                        <div class="col-md-4">
                                            <input name="url" type="text" class="form-control" data-bind="value:MSG_Url">
                                            <span class="help-block">
                                                例如： http://www.ak56.com.cn or http://ak56.com.cn
                                            </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3">
                                            公告内容
                                        </label>
                                        <div class="col-md-4">
                                            <textarea rows="3" style="width:100%;" data-bind="value:MSG_Content"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-actions">
                                    <div class="row">
                                        <div class="col-md-offset-3 col-md-9">
                                            <button type="submit" class="btn blue-dark" data-bind="click:add">发送</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row inbox-content-child" id="Inbox">
                            <table class="table table-hover table-bordered" data-model="msglist">
                                <thead>
                                    <tr>
                                        <th colspan="2">
                                            <div style="display: inline-block; margin-right: 14px;">
                                                <a href="javascript:;" data-bind="click:$root.checkedAll,text: $root.isCheckedAll()==true?'取消':'全选'"></a>
                                            </div>
                                            <div class="btn-group">
                                                <a class="btn btn-sm blue" href="#" data-toggle="dropdown">
                                                    等多 <i class="fa fa-angle-down"></i>
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li>
                                                        <a href="javascript:;" data-bind="click:batchRead">
                                                            <i class="fa fa-pencil"></i> 标记为已读
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </th>
                                        <th class="pagination-control" colspan="3">
                                            <span class="pagination-info" style="height:auto; margin:0px;">
                                                显示 <span data-bind="text:$root.pageSizeStart"></span> - <span data-bind="text:$root.pageSizeEnd"></span> 条[共 <span data-bind="text:$root.count"></span> 条记录]
                                            </span>
                                            <a class="btn btn-sm blue" data-bind="click:prevPage">
                                                <i class="fa fa-angle-left"></i>
                                            </a>
                                            <a class="btn btn-sm blue" data-bind="click:nextPage">
                                                <i class="fa fa-angle-right"></i>
                                            </a>
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <!-- ko foreach: recordSet -->
                                    <tr class="inbox-tr" data-bind="css:{'unread':Msg_ReceiverRead==null},attr:{'msgid':MSG_ID}">
                                        <td class="inbox-small-cells">
                                            <input type="checkbox" class="mail-checkbox" data-bind="checked:$root.checkedData,value:MSG_ID">
                                        </td>
                                        <td class="view-message" data-bind="text:MSG_SenderName">
                                            Petronas IT
                                        </td>
                                        <td class="view-message" data-bind="text:MSG_Title">
                                            New server for datacenter needed
                                        </td>
                                        <td class="view-message inbox-small-cells"></td>
                                        <td class="view-message text-right" data-bind="text:MSG_SendDate">
                                            16:30 PM
                                        </td>
                                    </tr>
                                    <tr style="display:none;">
                                        <td colspan="5" style=" background-color: #E2ECE6; padding: 15px !important;" data-bind="text:MSG_Content"></td>
                                    </tr>
                                    <!-- /ko -->
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT-->
        </div>
        <!-- END CONTENT -->
    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
    <!-- BEGIN CORE PLUGINS -->
    <!--[if lt IE 9]>
    <script src="../../Global/Plugins/excanvas.min.js"></script>
    <script src="../../Global/Plugins/respond.min.js"></script>
    <![endif]-->
    <script src="../../Global/Scripts/require.js"></script>
    <script src="../../Global/Scripts/akcy.config.js"></script>
    <script src="Scripts/inbox.js"></script>
</body>
<!-- END BODY -->
</html>
